/*
 * @Author: worldzb 
 * @Date: 2019-05-11 16:13:15 
 * @Last Modified by: worldzb
 * @Last Modified time: 2019-05-11 16:27:05
 */
export default class StatusBox{
    constructor(){
        this.styles={
            'width':'300px',
            'height':'200px',
            'background':'#333',
            'position': 'fixed',
            'bottom':0,
            'left':0,
            'z-index':10000,
            'font-size':'20px',
            'color':'#fff'
        }
        this.init();
    }

    init(){
        const headerBarHtml=$('.header-bar').html();
        const injectHtml=`<div id="injectBox"></div>`;
        $('.header-bar').html(headerBarHtml+injectHtml);
        $('#injectBox').css(this.styles);
    }
    
    render(content){
        const statusBox=$('#injectBox');
        statusBox.html(content);
    }
}